<template>
    <div>
        <img class="user-poster" src="../assets/banner.jpg">
        <van-cell-group class="user-group">
            <van-cell title="采购管理" is-link to="/order-add" />
            <van-cell title="质检管理" is-link to="/qc" />
            <van-cell title="修改密码" is-link to="pass-reset" />
        </van-cell-group>
        <van-cell-group class="user-group">
            <van-cell title="退出登录" is-link to="/login" />
        </van-cell-group>
    </div>
</template>
<script>
  import { Field, Button, Cell, CellGroup } from 'vant'
  import { myinfo } from '@/api'

  export default {
    components: {
      [Field.name]: Field,
      [Cell.name]: Cell,
      [CellGroup.name]: CellGroup,
      [Button.name]: Button
    },
    data () {
      return {
      }
    },
    methods: {
    },
    mounted () {
      myinfo()
    }
  }
</script>
<style lang="less">
    .user {
        &-poster {
            width: 100%;
            height: 53vw;
            display: block;
        }
        &-group {
            margin-bottom: 15px;
        }
        &-links {
            padding: 15px 0;
            font-size: 12px;
            text-align: center;
            background-color: #fff;
            .van-icon {
                display: block;
                font-size: 24px;
            }
        }
    }
</style>
